<template>
    <div class="cell">
        <div class="label"><slot name="left"></slot> {{label}}</div>
        <div class="text">{{text}} <slot name="center"></slot> </div>
        <div class="right" v-if="right"><i class="iconfont icon-right"></i></div>
        <slot class="right" name="right"></slot> 
    </div>
</template>

<script>
    export default {
        name: "Cell",
        props: {
            label: [String, Number],
            text: [String, Number],
            right: {
                type: Boolean,
                default: false
            }
        }
    }
</script>